<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Smiley Helper : คู่มือการใช้งาน CodeIgniter</title>

<style type='text/css' media='all'>@import url('../userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../userguide.css' />

<script type="text/javascript" src="../nav/nav.js"></script>
<script type="text/javascript" src="../nav/prototype.lite.js"></script>
<script type="text/javascript" src="../nav/moo.fx.js"></script>
<script type="text/javascript" src="../nav/user_guide_menu.js"></script>

<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
<meta name='author' content='ExpressionEngine Dev Team' />
<meta name='description' content='CodeIgniter User Guide' />

</head>
<body>

<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"><script type="text/javascript">create_menu('../');</script></div></div>
<div id="nav2"><a name="top"></a><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker_th.jpg" width="154" height="43" border="0" title="Toggle Table of Contents" alt="Toggle Table of Contents" /></a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>คู่มือการใช้งาน CodeIgniter เวอร์ชั่น 1.7.2</h1></td>
<td id="breadcrumb_right"><a href="../toc.html">หน้าตารางเนื้อหา</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
<a href="http://codeigniter.in.th/">CodeIgniter.in.th</a> &nbsp;&#8250;&nbsp;
<a href="../index.html">หน้าหลักคู่มือการใช้งาน</a> &nbsp;&#8250;&nbsp;
Smiley Helper
</td>
<td id="searchbox"><form method="get" action="http://www.google.com/search"><input type="hidden" name="as_sitesearch" id="as_sitesearch" value="codeigniter.in.th/user_guide/" />ค้นหาคู่มือการใช้งาน&nbsp; <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />&nbsp;<input type="submit" class="submit" name="sa" value="ค้นหา" /></form></td>
</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />


<!-- START CONTENT -->
<div id="content">


<h1>Smiley Helper</h1>

<p>ไฟล์ Smiley Helper มีฟังก์ชันที่ช่วยจัดการสัญลักษณ์รูปยิ้มต่างๆ (สัญลักษณ์ที่แสดงถึงอารมณ์หรือที่เรียกันติดปากว่า emoticon)</p>


<h2>เรียกใช้งานผู้ช่วยนี้</h2>

<p>ผู้ช่วยนี้จะถูกเรียกใช้งานได้จากโค้ดต่อไปนี้</p>
<code>$this->load->helper('smiley');</code>

<h2>คำอธิบายอย่างสั้น</h2>

<p>ผู้ช่วยสัญลักษณ์ยิ้มจะแปลจากข้อความธรรมดาเช่น <dfn>:-)</dfn> และเปลี่ยนไปเป็นรูปแทนอย่างนี้ <img src="../images/smile.gif" width="19" height="19" border="0" alt="smile!" /></p>

<p>มันยังช่วยคุณแสดงผลลัพธ์เป็นรูปสัญลักษณ์ยิ้มเมื่อคุณคลิกใส่ไปในแบบฟอร์ม
ตัวอย่างเช่น ถ้าคุณมีบล็อคที่ยอมให้ผู้ใช้งานแสดงความคิดเห็น คุณสามารถโชว์สัญลักษณ์ยิ้ม ถัดไปจากแบบฟอร์มแสดงความคิดเห็นได้ เมื่อผู้ใช้งานสามารถคลิกที่หน้ายิ้มเหล่านั้นได้ และด้วยความช่วยเหลือของ JavaScript มันจะถูกใส่เข้าไปในแบบฟอร์มได้เลย</p>



<h2>สอนการทำสัญลักษณ์ยิ้มคลิกได้</h2>

<p>นี้คือตัวอย่างพิสูจน์ว่าคุณสามารถสร้างสัญลักษณ์ยิ้มคลิกได้ที่อยู่ถัดจากแบบฟอร์ม ตัวอย่างนี้ต้องการให้คุณดาวน์โหลดและติดตั้งรูปสัญลักษณ์ยิ้มก่อนที่จะสร้างตัวควบคุม(Controller) และส่วนแสดง(View) ตามที่อธิบาย</p>

<p class="important"><strong>สิ่งสำคัญ:</strong> ก่อนที่คุณจะเริ่ม, กรุณา<a href="http://codeigniter.com/download_files/smileys.zip">ดาวน์โหลดรูปสัญลักษณ์ยิ้ม</a>และใส่มันไว้ในส่วนที่สามารถเข้าถึงได้จากสาธารณะบนเซิร์ฟเวอร์ของคุณ  ตัวช่วยนี้จะสมมุติว่าคุณมีตัวแทนสัญลักษณ์ยิ้มอยู่ตามตำแหน่งที่เขียนไว้ใน
<dfn>application/config/smileys.php</dfn></p>


<h3>ตัวควบคุม</h3>

<p>ในโฟลเดอร์ <dfn>application/controllers/</dfn> ให้สร้างไฟล์ที่ชื่อว่า <kbd>smileys.php</kbd> และใส่โค้ดด้านล่างลงไปในไฟล์</p>

<p><strong>สิ่งสำคัญ:</strong> เปลี่ยน URL ฟังก์ชัน <dfn>get_clickable_smileys()</dfn> ที่อยู่ด้านล่างให้ชี้ไปยังโฟลเดอร์ที่เก็บ<dfn>สัญลักษณ์ยิ้ม</dfn>ของคุณ</p>

<p>คุณจะสังเกตุได้ว่านอกจาเราจะใช้ผู้ช่วยสัญลักษณ์ยิ้มแ้ล้วเรายังใช้ <a href="../libraries/table.html">Table Class</a>.</p>

<textarea class="textarea" style="width:100%" cols="50" rows="25">
&lt;?php

class Smileys extends Controller {

	function Smileys()
	{
		parent::Controller();
	}
	
	function index()
	{
		$this->load->helper('smiley');
		$this->load->library('table');
		
		$image_array = get_clickable_smileys('http://example.com/images/smileys/');

		$col_array = $this->table->make_columns($image_array, 8);		
			
		$data['smiley_table'] = $this->table->generate($col_array);
		
		$this->load->view('smiley_view', $data);
	}
	
}
?&gt;
</textarea>

<p>ในโฟลเดอร์ <dfn>application/views/</dfn> ให้สร้างไฟล์ที่เรียกว่า <kbd>smiley_view.php</kbd> และใส่โค้ดลงไปดังนี้</p>


<textarea class="textarea" style="width:100%" cols="50" rows="20">
&lt;html>
&lt;head>
&lt;title>Smileys&lt;/title>

&lt;?php echo smiley_js(); ?>

&lt;/head>
&lt;body>

&lt;form name="blog">
&lt;textarea name="comments" cols="40" rows="4">&lt;/textarea>
&lt;/form>

&lt;p>Click to insert a smiley!&lt;/p>

&lt;?php echo $smiley_table; ?>

&lt;/body>
&lt;/html>
</textarea>


<p>เมื่อคุณสร้างตัวควบคุมและส่วนแสดงเสร็จแล้ว ให้โหลดดูมันได้โดยเข้า <dfn>http://www.your=site.com/index.php/smileys/</dfn></p>
<p>ปล. อย่าลืมเปลี่ยน www.your=site.com เป็นชื่อเว็บไซต์ของคุณเช่น localhost</p>

<h3>นามแฝงของฟิลด์</h3>
<p>เมื่อเกิดการเปลี่ยนแปลงกับหน้าแสดงผล มันสามารถเกิดความไม่สะดวกที่จะมีฟิลด์ ID ในตัวควบคุม เพื่อที่จะจัดการเรื่องนี้ คุณสามารถให้ชื่อลิงค์หน้ายิ้มของคุณเป็นชื่อที่จะถูกผูกเข้ากับ ID ในหน้าแสดงผลของคุณ</p>

<code>$image_array = get_smiley_links("http://example.com/images/smileys/", "comment_textarea_alias");</code>

<p>ในการจับคู่ระหว่างนามแฝงของฟิลด์ ID นั้ให้ใส่ชื่อนั้นลงไปในฟังก์ชัน the smiley_js</p>

<code>$image_array = smiley_js("comment_textarea_alias", "comments");</code>

<h1>เอกสารอ้างอิงฟังก์ชัน</h1>


<h2>get_clickable_smileys()</h2>

<p>คืนค่าเป็นอาเรย์ที่ใส่รูปสัญลักษณ์ที่ถูกคลุมไว้ลิงค์ที่สามารถคลิกได้ โดยคุณต้องใส่ URL โฟลเดอร์สัญลักษณ์ยิ้มของคุณในพารามิเตอร์แรกและใส่ชื่อฟิลด์ ID หรือนามแฝงของฟิลด์ในพารามิเตอร์ที่สอง</p>

<code>$image_array = get_clickable_smileys("http://example.com/images/smileys/",&quot;comment&quot;);</code>

<p class="important">ข้อสังเกตุ: การใช้ฟังก์ชันนี้โดยไม่ใช้พารามิเตอร์ที่สองที่ใช้รวมกับ js_insert_smiley นั้นถูกยกเลิกใช้แล้ว</p>


<h2>smiley_js()</h2>

<p>สร้างจาวาสคริป ที่มีรูปภาพต่างๆที่สามารถถูกคลิกได้และจะถูกใส่เข้าไปในฟิลด์ ถ้าคุณใส่นามแฝงแทน ID เมื่อถูกสร้างขึ้นลิงค์ของรูปภาพหน้ายิ้มของคุณต้องใส่ทางผ่านเข้าไปยังนามแฝงนั้นด้วยให้ถูกต้อง โดยฟังก์ชันนี้ถูกออกแบบให้เอาไว้ในส่วนของ &lt;head&gt; ของหน้าเว็บ</p>

<code>&lt;?php echo smiley_js(); ?></code>

<p class="important">ข้อสังเกตุ: ฟังก์ชันนี้มาแทนที่ js_insert_smiley ซึ่งถูกยกเลิกไปแล้ว</p>


<h2>parse_smileys()</h2>

<p>ใส่ข้อความสตริงเป็นข้อมูลเข้าและมันจะแทนที่ข้อความธรรมดาที่มีค่าเท่ากับรูปลัญลักษณ์ โดยพารามิเตอร์ตัวแรกจะต้องใส่สตริง ส่วนตัวที่สองจะต้องใส่ URL โฟลเดอร์สัญลักษณ์ยิ้ม</p>

<code>

$str = 'Here are some simileys: :-)  ;-)';

$str = parse_smileys($str, "http://example.com/images/smileys/");

echo $str;
</code>
</div>
<!-- END CONTENT -->


<div id="footer">
<p>
หัวข้ออันก่อน:&nbsp;&nbsp;<a href="security_helper.html">Security Helper</a>
&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="#top">บนสุดของหน้า</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="../index.html">หน้าหลักคู่มือการใช้งาน</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
หัวข้อถัดไป:&nbsp;&nbsp;<a href="string_helper.html">String Helper</a>
</p>
<p>คู่มือการใช้งาน CodeIgniter นี้ได้ทำการคัดลอกและดัดแปลงจาก <a href="http://codeigniter.com/user_guide/">CodeIgniter User Guide</a></p><p>
<a href="http://codeigniter.com">CodeIgniter</a>
 ·  Copyright © 2006-2009  · 
<a href="http://ellislab.com/">Ellislab, Inc.</a>
</p>
</div>

</body>
</html>